import React from 'react'
import 'antd/dist/antd.css'
import './index.css'
import { Layout, Menu, Icon } from 'antd';
const { Header, Sider, Content } = Layout;

export default class slider extends React.Component{
    render() {
        <Sider
          trigger={null}
          collapsible
          collapsed={this.state.collapsed}
        >
          <div className="logo" />
          <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
            <Menu.Item key="1">+
              <Icon type="home" style={{ fontSize: 16, color: '#08c' }}/>
              <span>首页</span>
            </Menu.Item>
            <Menu.Item key="2">
              <Icon type="video-camera" />
              <span>nav 2</span>
            </Menu.Item>
            <Menu.Item key="3">
              <Icon type="upload" />
              <span>nav 3</span>
            </Menu.Item>
          </Menu>
        </Sider>
    }
}